<template>
  <!--页面被废除-->
  <div class="MenuManage">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item>系统管理</el-breadcrumb-item>
      <el-breadcrumb-item><span class="fs14 bold">管理菜单</span></el-breadcrumb-item>
    </el-breadcrumb>

    <div class="btn-line">
      <button class="btn-operate btn-style-main mr10">新增栏目</button>
      <button class=" btn-operate btn-style-main">新增菜单</button>
    </div>

    <el-table :max-height="this.tableMaxHeight()" :data="tableData" border>
      <el-table-column
        prop="col" label="栏目"
        header-align="center" align="center">
      </el-table-column>
      <el-table-column
        prop="menu" label="菜单"
        header-align="center" align="center">
      </el-table-column>
      <el-table-column
        prop="url" label="URL"
        header-align="center">
      </el-table-column>
      <el-table-column
        prop="sortNum" label="排序"
        header-align="center" align="center">
      </el-table-column>
      <el-table-column
        prop="type" label="类型"
        header-align="center" align="center">
      </el-table-column>
      <el-table-column
        prop="operate" label="操作"
        header-align="center">
        <template slot-scope="scope">
          <BtnTb @click="handleEdit(scope.row)">编辑</BtnTb>
          <BtnTb @click="handleDel(scope.row)" type="warn">删除</BtnTb>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    data () {
      return {
        tableData: [
          {
            col: '123',
            menu: '123',
            url: '123',
            sortNum: '123',
            type: '123'
          }
        ]
      }
    },
    methods: {
      handleEdit (tar) {
      },
      handleDel (tar) {
      }
    }
  }
</script>

<style scoped rel="stylesheet/scss" type="text/scss" lang="scss">
  .MenuManage {
  }
</style>
